<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" class="loading" lang="en" data-textdirection="ltr">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  <meta name="author" content="PIXINVENT">
  <title>薪资报表管理后台</title>
  <link rel="stylesheet" type="text/css" th:href="@{/app-assets/css/vendors.css}">
  <link rel="stylesheet" type="text/css" th:href="@{/app-assets/css/vertical-menu.css}">
  <link rel="stylesheet" type="text/css" th:href="@{/app-assets/css/bootstrap-extended.css}">
</head>

<body>
  <div class="content-wrapper">
    <div class="content-header ">

      <div class="content-header-left mb-2">
        <h3 class="content-header-title mb-0">薪资报表</h3>
      </div>
    </div>
    <div class="card">
      <div class="card-content">
        <div class="card-body">
          <form method="get" action="/salary">
            <div class="searchbox">
              <div class="form-inline">
                <div class="form-group">
                  <!--/*@thymesVar id="salary" type="cn.niit.pm.entity.Salary"*/-->
                  <input name="employeeName" type="text" class="form-control" placeholder="请输入姓名" th:value="${salary.employeeName}">
                </div>
                <div class="form-group">
                  <!--/*@thymesVar id="salary" type="cn.niit.pm.entity.Salary"*/-->
                  <input name="employeeId" type="text" class="form-control" placeholder="请输入职工号" th:value="${salary.employeeId}">
                </div>
                <div class="form-group">
                  <button type="submit" class="btn btn-primary">查询</button>
                </div>
              </div>
            </div>
          </form>
          <!--<div class="funcbtn clearfix">
            <div class="pull-left">
              <a class="btn btn-info" href=" 导出薪资表.html">导出薪资表</a>
            </div>
          </div>-->

          <div class="tablebox1">

            <table class="table table-bordered">
              <thead>
                <tr>
                  <th>姓名</th>
                  <th>职工号</th>
                  <th>基本薪资</th>
                  <th>奖金</th>
                  <th>罚金</th>
                  <th>五险一金</th>
                  <th>个人所得税</th>
                  <th>总薪资</th>
                  <th>发放日期</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody>
              <tr th:each="salary,stat : ${salaryList}">
                <td>
                  <span th:text="${salary.employeeName}"></span>
                </td>
                <td>
                  <span th:text="${salary.employeeId}"></span>
                </td>
                <td>
                  <span th:text="${salary.baseSalary}"></span>
                </td>
                <td>
                  <span th:text="${salary.reward}"></span>
                </td>
                <td>
                  <span th:text="${salary.forfeit}"></span>
                </td>
                <td>
                  <span th:text="${salary.insuranceFund}"></span>
                </td>
                <td>
                  <span th:text="${salary.tax}"></span>
                </td>
                <td>
                  <span th:text="${salary.totalSalary}"></span>
                </td>
                <td>
                  <span th:text="${#dates.format(salary.payDate, 'yyyy-MM-dd')}"></span>
                </td>
                <td>
                    <span>
                      <a class="btn btn-info btn-td" th:href="@{/salary/{id}(id=${salary.salaryId})}">修改</a>
                    </span>
                </td>
              </tr>
                
              </tbody>
            </table>


            <div class="page clearfix">
              <div class="pull-left">共 100 条记录 第 1 / 20 页</div>
              <div class="pull-right">
                <nav aria-label="..." class="pull-left">
                  <ul class="pagination">
                    <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
                    <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
                  </ul>
                </nav>
                <div class="pull-left p-r-20  p-l-20">
                  <select class="form-control">
                    <option>10条每页</option>
                  </select>
                </div>
                <div class="pull-left">跳至
                  <input type="text" value="" class="form-control">
                  页</div>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">编辑薪资报表</h4>
        </div>
        <div class="modal-body">
          <div class="form1 form2">
            <ul class="row">
              <li class="col-xs-10"><span readonly="readonly">姓名：</span><input type="text" class="form-control"></li>
              <li class="col-xs-10"><span readonly="readonly">职工号：</span><input type="text" class="form-control"></li>
              <li class="col-xs-10"><span>基本薪资：</span><input type="text" class="form-control"></li>
              <li class="col-xs-10"><span>奖金：</span><input type="text" class="form-control"></li>
              <li class="col-xs-10"><span>罚金：</span><input type="text" class="form-control"></li>
              <li class="col-xs-10"><span>五险一金：</span><input type="text" class="form-control"></li>
              <li class="col-xs-10"><span>个人所得税：</span><input type="text" class="form-control"></li>
            </ul>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
          <button type="button" class="btn btn-primary">保存</button>
        </div>
      </div>
    </div>
  </div>


  <script th:src="@{/app-assets/js/vendors.min.js}" type="text/javascript"></script>
  <script th:src="@{/app-assets/js/app-menu.js}" type="text/javascript"></script>
  <script th:src="@{/app-assets/js/app.js}" type="text/javascript"></script>
  <script th:src="@{/app-assets/js/echarts.min.js}" type="text/javascript"></script>
  <script th:src="@{/app-assets/js/sweetalert2.js}" type="text/javascript"></script>
  <script th:src="@{/app-assets/laydate/laydate.js}" type="text/javascript"></script>
  <script>
    lay('#version').html('-v' + laydate.v);
    laydate.render({
      elem: '#test1'
      , range: true
      , theme: '#00B5B8'
    });
  </script>

</body>

</html>